<script setup>

</script>

<template>
    <div class="login_box">
        <h2>用户登录</h2>
        <div class="login_input">
            <div class="username">
                <p>用户名：</p>
                <input type="text">
            </div>
            <div class="userpwd">
                <p>密码：</p>
                <input type="password">
            </div>
        </div>
        <div class="btn">
            <button>立即登录</button>
        </div>
        <div class="bottom">
            <span>没有账号？<a href="">立即注册</a></span>
        </div>
    </div>
</template>

<style scoped>
.login_box {
    width: 500px;
    height: 400px;
    margin: 100px auto;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 0 10px 0;
}

.login_box h2{
    text-align: center;
}

.login_input input {
    width: 460px;
    height: 35px;
    padding: 5px;
    padding-left: 15px;
    border-radius: 10px;
    font-size: 16px;
}

.btn {
    width: 150px;
    margin: 20px auto;
}

button {
    width: 150px;
    height: 40px;
    font-size: 16px;
}

.bottom {
    float: right;
    font-size: 14px;
}
</style>

